<template>
  <!-- 配置提供者 -->
  <el-config-provider :size="size">
    <!-- 水印 -->
    <el-watermark class="wh-full" :content="watermarkContent">
      <!-- 根据路由元信息判断是否使用布局 -->
      <Layout v-if="isUseLayout" />
      <!-- 路由匹配 -->
      <router-view v-else />
    </el-watermark>
  </el-config-provider>
</template>

<script setup lang="ts">
const route = useRoute();
// 根据路由元信息判断是否使用布局
const isUseLayout = route.meta.isUseLayout;
// 动态的配置信息：size
const appSetting = useAppSetting();
const size = computed(() => appSetting.size);
// 水印内容
const watermarkContent = computed(() =>
  appSetting.watermark.show ? appSetting.watermark.content : ""
);
</script>
